<div class="menu">
  <!--logo图-->
  <div class="logo"></div>
  <!--所有的菜单-->
  <div class="item animation" ng-class="{ open: menu.open }" ng-repeat="menu in menuGroup" ng-style="openOrCloseMenu(menu.children.length, menu.open)">
    <!--主菜单-->
    <div class="head" ng-class="{ open: menu.open }" ng-click="openMenuItem(menu)">
      <h4>
        <!--菜单名-->
        <span ng-bind="menu.name"></span>
        <!--箭头-->
        <span class="icon-right" ng-class="{ 'icon-bottom': menu.open }"></span>
      </h4>
    </div>
    <!--子菜单-->
    <div class="child-menu" ng-class="{ open: menu.open }">
      <ul class="list-group">
        <li class="list-group-item" ng-repeat="menuChild in menu.children">
          <a class="menu-item-left animation" ng-href="#!/{{menuChild.href}}" ng-class="selectedCol" ng-click="selectSecondItem(menu.name, menuChild.name)">
            {{menuChild.name}}
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>